@charset "utf-8";
/*
#=========================================#
| 상품 공통 |
#=========================================#
*/
.item_cont {position: relative; display: block; width: 100%; height: auto; text-align: left;}
.item_cont img {max-width: 100%; display: block;}
.item_photo_box {font-size: 0; position: relative; margin-bottom: 30px;}
.item_photo_box > a > img {width: 100%;opacity: 1;}
.item_photo_box > a img {transition: opacity 0.3s ease-in-out;}
.item_photo_box .second_image {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;}
.item_photo_box .second_image img {display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0;}


.item_cont:hover .item_photo_box > a > img {opacity: 0;}
.item_cont  .item_photo_box.single > a > img {opacity: 1 !important;}
.item_cont  .item_photo_box.single .second_image {display: none !important;}
.item_cont:hover .item_photo_box .second_image img {opacity: 1;}


.item_photo_box .btns {display: flex; align-items: center; width: fit-content; height: auto; font-size: 0; position: absolute; right: 20px; bottom: 20px; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transform: translateY(-15px); opacity: 0;}
.item_photo_box .btns button {appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 6px; width: 40px;}
.item_photo_box .btns span {font-size: 0; display: none;}

.item_cont.action .item_photo_box .btns,
.item_cont:hover .item_photo_box .btns,
.item_cont:active .item_photo_box .btns {transform: translateY(0); opacity: 1;}

.item_info_cont {position: relative; display: block; width: 100%; height: auto;}
.item_info_cont .item_brand {position: relative;display: block;line-height: 1;font-size: 14px;font-weight: 400;color: #ad9e87;margin-bottom: 11px;}
.item_info_cont .item_brand strong {font-size: inherit; font-weight: inherit; line-height: inherit; color: #816c5b;}
.item_info_cont .item_name {display: block; line-height: 1.3; font-size: 16px; font-weight: 400; color: #000;}

.item_money_box {position: relative;display: flex;align-items: center;flex-wrap: wrap;width: 100%;height: auto;line-height: 1;margin-top: 19px;}
.item_money_box .dc_rate {display: block; font-size: 16px; font-weight: 400; color: #e50045; margin-right: 9px;}
.item_money_box .item_price {display: block; width: fit-content; font-size: 16px; font-weight: 400; color: #000; margin-right: 12px;}
.item_money_box .original_price {display: block; width: fit-content; font-size: 16px; font-weight: 400; color: #b4b4b4;}

.item_icon_box {display: flex;flex-wrap: wrap;width: 100%;gap: 4px;margin-top: 24px;margin-bottom: 12px;}
.item_icon_box img {display: block;width: fit-content;height: auto;/* margin: 24px 4px -10px 0; */}


.review_prd_info ul {display: flex;align-items: center;flex-wrap: wrap;margin-top: 22px;}
.review_prd_info ul li {display: flex; align-items: center; line-height: 1; font-size: 14px; font-weight: 300; color: #000}
.review_prd_info ul li img {width: 11px; display: block; margin-right: 4px;}
.review_prd_info ul .bar {display: block; width: 1px; height: 10px; background: #d0d0d0; margin: 0 15px;}

/* 찜버튼 */
.btn_basket_get img {display: none !important;}
.btn_basket_get:after {content: ""; display: block; width: 40px; height: 40px; background: url(../../img/goods/ico_wish.png)no-repeat center / 100%;}
.btn_basket_get.is-liked:after {background: url(../../img/goods/ico_wish_liked.png)no-repeat center / 100%;}

/*품절상품일때*/
li.item_soldout .item_photo_box .item_soldout_bg{display: block;  position: absolute; top: 0; left: 0;  width: 100%;  height: 100%;background: rgba(0,0,0,0.3) !important;z-index: 2;}
li.item_soldout .item_photo_box .item_soldout_bg::after{content: "Sold Out";font-size: 16px;font-weight: 500;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
li.item_soldout .item_money_box {display: none;}
li.item_soldout .item_icon_box .item_icon_soldout{font-size: 16px;color: #b4b4b4;font-weight: 400;}
li.item_soldout .item_icon_box{margin-top: 16px;margin-bottom: -5px;}

.is-tablet .item_cont:hover .item_photo_box > a > img , .is-mobile .item_cont:hover .item_photo_box > a > img {opacity: 1;}
.is-tablet .item_cont:hover .item_photo_box .second_image, .is-mobile .item_cont:hover .item_photo_box .second_image{display: none;}

@media all and (max-width: 1024px) {
    .item_photo_box {margin-bottom: calc(29px / 2);}
    .item_photo_box .btns {bottom: calc(20px / 2); right: calc(20px / 2);}
    .item_photo_box .btns button {width: calc(60px / 2);height: calc(60px / 2);margin-left: calc(12px / 2);}
    .item_photo_box .btns button img {display: none;}
    .item_photo_box .btns button.btn_gift {background: url(../../img/goods/ico_gift_mo.png)no-repeat center / 100%;}
    .item_photo_box .btns button.btn_basket_cart {background: url(../../img/goods/ico_cart_mo.png)no-repeat center / 100%;}
    .item_photo_box .btns button.btn_basket_get {background: url(../../img/goods/ico_wish_mo.png)no-repeat center / 100%;}

    .item_icon_box {margin-top: 15px;margin-bottom: 0;}
    .item_icon_box img {height: 20px;width: auto;}

    .item_info_cont {padding-left: calc(20px / 2);box-sizing: border-box;}
    .item_info_cont .item_brand {font-size: calc(26px / 2);margin-bottom: calc(12px / 2);}
    .item_info_cont .item_name {width:90%; font-size: calc(30px / 2);line-height: 1.267; /*min-height: 38px;*/word-break: keep-all;}

    .item_money_box {margin-top: calc(22px / 2);}
    .item_money_box .dc_rate {font-size: calc(30px / 2); margin-right: calc(18px / 2);}
    .item_money_box .item_price {font-size: calc(30px / 2); margin-right: 0;}
    .item_money_box .original_price {font-size: calc(30px / 2); width: 100%; margin-top: calc(10px / 2);}

    /* 찜버튼 */
    .btn_basket_get:after {width: calc(60px / 2); height: calc(60px / 2); background: url(../../img/goods/ico_wish_mo.png)no-repeat center / 100%;margin: 0 auto;}
    .btn_basket_get.is-liked:after {background: url(../../img/goods/ico_wish_mo_liked.png)no-repeat center / 100%;}

    /*품절상품일때*/
    li.item_soldout .item_photo_box .item_soldout_bg{background: rgba(0,0,0,0.4) !important;}
    li.item_soldout .item_photo_box .item_soldout_bg::after{font-size: 15px;;}
    li.item_soldout .item_icon_box .item_icon_soldout{font-size: 15px;;}
    li.item_soldout .item_icon_box{margin-top: 7px;margin-bottom: -6px;}

    /*마우스오버 모바일/태블릿에선 해제*/
    .item_cont:hover .item_photo_box > a > img {opacity: 1;}
    .item_cont:hover .item_photo_box .second_image{display: none;}

}/* 1024px */

@media all and (max-width: 520px) {
    .review_prd_info {padding-left:0; width: calc(100% - 120px / 2);margin-top: 14px;}
    .review_prd_info ul {margin-top: 1.5645vw;}
    .review_prd_info ul li {font-size: calc(24px / 2);}
    .review_prd_info ul li img {width: calc(19px / 2); margin-top: calc(-1px / 2);}
    .review_prd_info ul .bar {height: calc(17px / 2); margin: 0 calc(20px / 2);}
}/* 520px */
/*
#=========================================#
| 탭 진열|
#=========================================#
*/
.goods_tab_box {display: none;}
.goods_tab_box.on {display: block;}


/*
#=========================================#
| 장바구니 담기 확인 레이어 |
#=========================================#
*/
.layer_wrap .cart-popup {position: fixed !important; left: 0 !important; top: 0 !important; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box;}
.cart-popup__inner {position: relative; display: block; width: 430px; height: 230px; background: #fff; padding: 82px 0 30px; box-sizing: border-box;}
.cart-popup__close  {display: none;}
.cart-popup__title {position: relative; display: block; text-align: center; line-height: 1.3; font-size: 20px; font-weight: 400; color: #000;}

.cart-popup__list-wrap {display: none;}

.cart-popup__actions {position: relative; display: flex; justify-content: space-between; width: 100%; padding: 30px; margin-top: 23px; box-sizing: border-box;} 
.cart-popup__actions .cart-popup__btn {display: flex; align-items: center; justify-content: center; width: calc(50% - 5px); height: 50px; border: 1px solid #816c5b;font-size: 18px; font-weight: 500;}
.cart-popup__actions .cart-popup__btn.cart-popup__btn--secondary {background: #fff; color: #816c5b;}
.cart-popup__actions .cart-popup__btn.cart-popup__btn--primary {background: #816c5b; color: #fff;}

@media all and (max-width: 1024px) {
    .layer_wrap .cart-popup {align-items: flex-end;}
    .cart-popup__inner {width: 100%;height: auto;border-radius: 15px 15px 0 0;margin-bottom: -10px;padding: 0 0 10px 0;}
    .cart-popup__close {position: relative; display: block; width: 100%; height: 19px; font-size: 0;}
    .cart-popup__close:after {content: "";display: block;width: 40px;height: 4px;background: #f1f1f1;border-radius: 2px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
    .cart-popup__title {font-size: calc(39px / 2);padding: 16px 0 0px 20px;font-weight: 600;text-align: left;}

    .cart-popup__list-wrap {position: relative; display: none; width: 100%; height: auto; padding: 0 0 0 calc(40px / 2); box-sizing: border-box;}
    .cart-popup__list-wrap .goods_list_cont {padding-left: 0 !important; padding-right: 0 !important;}
    .cart-popup__list-wrap .goods_list_tit {display: none;}
    .cart-popup__list-wrap .item_basket_type {}
    .cart-popup__list-wrap .item_basket_type > ul {display: flex !important;overflow-x: auto;-webkit-overflow-scrolling: touch !important;gap: unset !important;grid-template-columns: unset !important;}
    .cart-popup__list-wrap .item_basket_type > ul::-webkit-scrollbar {display: none !important;}
    .cart-popup__list-wrap .item_basket_type > ul > li {width: calc(282px / 2) !important; margin-right: 1px !important; flex: 0 0 auto; }
    .goods_list_cont .cart-popup__list-wrap .item_basket_type > ul > li {width: calc(282px / 2) !important; margin-right: 1px !important; flex: 0 0 auto; }

    .cart-popup__list-wrap .item_basket_type > ul > li .item_info_cont {padding-left: 0 !important;}
    .cart-popup__list-wrap .item_basket_type > ul > li .item_info_cont .item_name {overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;}
    .cart-popup__list-wrap .item_basket_type > ul > li .item_info_cont .item_icon_box {display: none !important;}
    .cart-popup__list-wrap .item_basket_type > ul > li .item_info_cont .review_prd_info {display: none !important;}

    .cart-popup__actions {padding: calc(30px / 2) calc(40px / 2); margin-top: calc(30px / 2);}
    .cart-popup__actions .cart-popup__btn {font-size: calc(34px / 2);}
}/* 1024 */

/*
#=========================================#
| 찜리스트 담기 확인 레이어 |
#=========================================#
*/
.layer_wrap .wish-popup {position: fixed !important; left: 0 !important; top: 0 !important; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box;}
.wish-popup__inner {position: relative; display: block; width: 430px; height: 230px; background: #fff; padding: 82px 0 30px; box-sizing: border-box;}
.wish-popup__close  {display: none;}
.wish-popup__title {position: relative; display: block; text-align: center; line-height: 1.3; font-size: 20px; font-weight: 400; color: #000;}

.wish-popup__actions {position: relative; display: flex; justify-content: space-between; width: 100%; padding: 30px; margin-top: 23px; box-sizing: border-box;} 
.wish-popup__actions .wish-popup__btn {display: flex; align-items: center; justify-content: center; width: calc(50% - 5px); height: 50px; border: 1px solid #816c5b;font-size: 18px; font-weight: 500;}
.wish-popup__actions .wish-popup__btn.wish-popup__btn--secondary {background: #fff; color: #816c5b;}
.wish-popup__actions .wish-popup__btn.wish-popup__btn--primary {background: #816c5b; color: #fff;}

@media all and (max-width: 1024px) {
    .layer_wrap .wish-popup {align-items: flex-end;}
    .wish-popup__inner {width: 100%;height: auto;border-radius: 15px 15px 0 0;margin-bottom: -10px;padding: 0 0 10px 0;}
    .wish-popup__close {position: relative; display: block; width: 100%; height: 19px; font-size: 0;}
    .wish-popup__close:after {content: "";display: block;width: 40px;height: 4px;background: #f1f1f1;border-radius: 2px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
    .wish-popup__title {font-size: calc(39px / 2);padding: 20px 0 25px 20px;font-weight: 600;text-align: left;}

    .wish-popup__actions {padding: calc(2px / 2) calc(40px / 2) calc(30px / 2);margin-top: calc(0px / 2);}
    .wish-popup__actions .wish-popup__btn {font-size: calc(34px / 2);}
}/* 1024 */

/*타임세일 리스트 아이콘*/
.icon_time_sale img{display: none;}
.icon_time_sale{background:  #816c5b url(../../img/custom/goods/ico_time_sale.png) no-repeat left 10px center/ 19px;width:97px;height: 35px; line-height: 35px;top:10px;left: 10px;}
.icon_time_sale::after{content: "타임세일";font-size: 14px;font-weight: 600;color: #fff;margin-left: 35px;}

@media all and (max-width: 1024px) {
    .icon_time_sale{background:  #816c5b url(../../img/custom/goods/ico_time_sale_mo.png) no-repeat left 9px center/ 15px;width:78px;height: 26px; line-height: 26px;}
    .icon_time_sale::after{font-size: 12px;font-weight: 600;color: #fff;margin-left: 28px;}

}

/*
#=========================================#
|기획전 상세 |
#=========================================#
*/
.contents.pc_view{display: block;}
.contents.mo_view{display: none;}
@media all and (max-width: 1024px) {
   .contents.pc_view{display: none;}
   .contents.mo_view{display: block;} 
}

/*
#=========================================#
|정기구독 & 상품정보 뱃지 |
#=========================================#
*/
.badge_wrap{position: absolute; display: flex; gap:6px; top:17px; left:17px; }
.badge_subscribe{background: #5d3e44;z-index: 5;}
.badge_subscribe span{font-size:14px; width:96px; height:34px;  font-weight: 600; color:#fff; display: flex; text-align: center;  justify-content: center; align-items: center; height: 34px;}

.badge_prdinfo{background: #ccc;z-index: 5;}
.badge_prdinfo span{font-size:14px; width:69px; height:34px;  font-weight: 600; color:#333; display: flex; text-align: center;  justify-content: center; align-items: center; height: 34px;}


/* .badge_subscribe{position: absolute; top:17px; left:17px; background: #5d3e44;z-index: 5;}
.badge_subscribe.etc{top:11px; left:50px;}
.badge_subscribe span{font-size:14px; width:96px; height:34px;  font-weight: 600; color:#fff;    display: flex; text-align: center;  justify-content: center; align-items: center; height: 34px;}

.badge_prdinfo{position: absolute; top:17px; left:17px; background: #ccc;z-index: 5;}
.badge_prdinfo.etc{top:11px; left:50px;}
.badge_prdinfo span{font-size:14px; width:69px; height:34px;  font-weight: 600; color:#333;    display: flex; text-align: center;  justify-content: center; align-items: center; height: 34px;} */


@media all and (max-width: 767px) {
    .badge_wrap{ top:2.2164vw; left:2.2164vw; gap:3px;}
    .badge_wrap.etc{top:2.4342vw; left:8.5189vw;}
    .badge_subscribe span{font-size:11px; width:55px; height:22px;}
    .badge_prdinfo span{font-size:11px; width:40px; height:22px;}
}

/*타임세일 리스트 아이콘*/
.badge_time_sale{position: absolute; font-size: 14px;font-weight: 600;height: 35px; line-height: 35px;  top:10px;left: 10px; display: flex; align-items: center;  gap: 8px; padding: 0 8px;}
.badge_time_sale img{width:19px;}
.badge_time_sale_view{ display: inline-flex; align-items: center; gap:8px; padding: 0 19px 0 19px;   height: 32px;line-height: 32px;   font-size: 18px;border-radius: 16px; vertical-align: middle;}
.badge_time_sale_view img{width:19px;}
@media all and (max-width: 1024px) {
    .badge_time_sale{font-size:12px; gap:5px; padding: 0 6px; height: 26px;  line-height: 26px;}
    .badge_time_sale > img{width:15px; vertical-align: middle; margin-top: -1px;}
    .badge_time_sale_view{padding: 0 14px 0 14px; gap:5px; height: 27px; line-height: 28px;font-size: 15px;border-radius: 13px;}
    .badge_time_sale_view > img{width:15px; vertical-align: middle; margin-top: -1px;}
}